<?xml version="1.0" encoding="UTF-8"?>
<!--
To change this template, choose Tools | Templates
and open the template in the editor.
-->
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" 
      xmlns:h="http://java.sun.com/jsf/html" 
      xmlns:c="http://java.sun.com/jsp/jstl/core"
      xmlns:p="http://primefaces.org/ui">
    <h:head>
        <link href="styles/main.css" rel="stylesheet" type="text/css" media="screen"/>
        <title>::Sistema de consultas de ejecución de proyectos::</title>
    </h:head>
    <body class="body_login">
        <h:form id="frmlogin">
            <table cellspacing="0" cellpadding="0" class="position_titulo_pagina" border="0">
                <tr>
                    <td class="texto_titulo_pagina">
                        Sistema de consultas de ejecución de proyectos
                    </td>
                </tr>
                <tr>
                    <td class="subtitulo_titulo_pagina">
                        Consorcio vial CSI-PM | SCEP V. 0.1
                    </td>
                </tr>
            </table>
            <table cellpadding="0" cellspacin="1" class="form_login">
                <tr>
                    <td>
                        <table cellspacing="0" border="0" cellpadding="0" align="center">
                            <tr>
                                <td width="250"> </td>
                                <td rowspan="4">
                                    <img src="images/login_64x64.png" border="0" />
                                </td>
                                <td align="left" class="label">
                                    Usuario
                                </td>
                                <td rowspan="4" width="250" align="left" style="font-size: 10px;padding-left: 4px;">
                                    <p:messages />
                                </td>
                            </tr>
                            <tr>
                                <td width="250"> </td>
                                <td align="left">
                                    <p:inputText styleClass="input_text" id="txtusuario" maxlength="60" required="true" requiredMessage="Ingrese su usuario" value="#{login.user}" />
                                    <p:tooltip value="Ingrese su usuario" showEvent="focus"  hideEvent="blur" for="txtusuario"/>
                                </td>
                            </tr>
                            <tr>
                                <td width="250"> </td>
                                <td align="left" class="label" style="padding-top: 4px;">
                                    Contraseña
                                </td>
                            </tr>
                            <tr>
                                <td width="250"> </td>
                                <td align="left">
                                    <p:password minLength="0" maxlength="60" feedback="false" promptLabel="Ingrese su contraseña" required="true" requiredMessage="Ingrese su contaseña" id="txtclave" styleClass="input_text" value="#{login.password}" />
                                    <p:tooltip value="Ingrese su contraseña" showEvent="focus"  hideEvent="blur" for="txtclave"/>
                                </td>
                            </tr>
                            <tr>
                                <td width="250"> </td>
                                <td colspan="2" class="enlace_footer">
                                    <p:commandLink value="Olvidé mi contraseña" />
                                </td>
                                <td width="250"> </td>
                            </tr>
                            <tr>
                                <td width="250"> </td>
                                <td colspan="2" class="enlace_footer" height="20" valign="bottom">
                                    <p:commandButton image="ui-icon-check" value="Ingresar" update="frmlogin" ajax="true" action="#{login.isLogin}"/>
                                </td> 
                                <td width="250"> </td>
                            </tr>
                        </table>
                    </td>
                </tr>
            </table>
            <table cellpadding="0" cellspacing="0" border="0" class="position_footer_pagina" align="center">
                <tr>
                    <td class="footer_pagina">
                        Todos los derechos reservados - Copyright © 2012 <br /> 
                        Consorcio Vial CSI-PM
                    </td>
                </tr>
            </table>
        </h:form>
    </body>
</html>
